/* 路由路径配置 */

// 引入路由组件，@ 代表 src 目录的绝对路径
import NavBar from '@/components/nav-bar'
import TabBar from '@/components/tab-bar'
import Home from '@/views/home'
import Follow from '@/views/follow'
import Message from '@/views/message'
import Publish from '@/views/publish'
import Mine from '@/views/mine'

// 定义路径数组
const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    // component: Home, // 向名称为 default 的视图中渲染
    components: {
      header: NavBar,
      default: Home,
      footer: TabBar
    },
    meta: { // meta，路由元信息，是在开发过程中需要使用到的一些额外数据
      inTabBar: true, // 是否显示到 tabbar 上
      title: '首页', // 显示的文本标题
      icon: '&#xe626;' // tabbar 图标 unicode 编码
    }
  },
  {
    path: '/message',
    components: {
      header: NavBar,
      default: Message,
      footer: TabBar
    },
    meta: { // meta，路由元信息，是在开发过程中需要使用到的一些额外数据
      inTabBar: true, // 是否显示到 tabbar 上
      title: '消息', // 显示的文本标题
      icon: '&#xe605;' // tabbar 图标 unicode 编码
    }
  },
  {
    path: '/follow',
    components: {
      header: NavBar,
      default: Follow,
      footer: TabBar
    },
    meta: { // meta，路由元信息，是在开发过程中需要使用到的一些额外数据
      inTabBar: true, // 是否显示到 tabbar 上
      title: '关注', // 显示的文本标题
      icon: '&#xe60a;' // tabbar 图标 unicode 编码
    }
  },
  {
    path: '/publish',
    components: {
      header: NavBar,
      default: Publish
    },
    meta: { // meta，路由元信息，是在开发过程中需要使用到的一些额外数据
      title: '发布' // 显示的文本标题
    }
  },
  {
    path: '/mine',
    components: {
      header: NavBar,
      default: Mine,
      footer: TabBar
    },
    meta: { // meta，路由元信息，是在开发过程中需要使用到的一些额外数据
      inTabBar: true, // 是否显示到 tabbar 上
      title: '我的', // 显示的文本标题
      icon: '&#xe63a;' // tabbar 图标 unicode 编码
    }
  }
]

export default routes
